<template>
	<sysJk :label="'12.防烟排烟系统操作'" showBack :withoutTop="true" leftTime="600">
		<template v-slot:content>
			<view class="warp" id="warp" @touchmove.stop="()=>{}">
				<view class="taskTit" style="text-align: left;width:100%;font-size: 2.5vh;">
					{{questionList[showQuestion-1]}}
				</view>
				<view class="innerContent" style="position:relative;width:100%;height:100%;">
					<image :src="bUrl" style="width:100%;height:100%;display:block"></image>
					</image>
					<view class="myCard" id="myCard">
						<view class="cardContent">
							<image v-if="showPic==2&&((!isReturnFlag&&windowOpen)||!windowOpen)" class="backLight"
								style="position: absolute;" :src="requestUrl+'/static/image/back.png'"
								:style="{left:825*widthBl+'px',top:290*heightBl+'px',width:20*widthBl+'px',height:20*heightBl+'px'}">
							</image>
							<view class="handleBtn">
								<!-- <van-button color="#1E90FF	" custom-style="width:100rpx;height:30rpx;border-radius:10rpx;margin-right:10px">上一题</van-button> -->
								<u-button
									:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'green',color:'#fff',fontSize:'3vh'}"
									v-if="examType==1" @click="showFlag=true">查看解析</u-button>
							</view>
							<view class="btnArea">
								<u-button
									:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
									@click="handle">提交</u-button>
								<u-button
									:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
									@click="redo">重做</u-button>
								<u-button
									:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
									@click="goBack">返回</u-button>
							</view>
							<template v-if="showQuestion==1">
								<view class="writeBox" v-if="showPic==2"
									:style="{left:750*widthBl+'px',top:655*heightBl+'px',width:'auto',height:'auto'}"
									@tap="openPrint" style="text-align: center;">
									<image src="https://www.xfzsb.com/static/image/open.png" mode="widthFix"
										style="width:20px"></image>
								</view>
								<view class="printBox"
									:style="{padding:'0 '+20*widthBl+'px 0',position:'absolute',left:625*widthBl+'px',bottom:320*heightBl+'px',fontSize:'2vh',background:'#fff',color:'#000',minHeight:500*heightBl+'px',minWidth:300*widthBl+'px'}"
									v-if="printOpen&&showPic==2">
									<view style="text-align: right;">
										<image src="https://www.xfzsb.com/static/image/close.png" mode="widthFix"
											:style="{width:20+'px'}" @tap="printOpen=false"></image>
									</view>
									<template v-if="windowOpen">
										<view class="">
											<view class="">
												{{showDate}}
											</view>
											<view class="">
												防烟风机 启动
											</view>
										</view>
										<view class="">
											<view class="">
												{{showDate}}
											</view>
											<view class="">
												前室送风口 {{isReturnFlag?'已':'未'}}反馈
											</view>
										</view>
										<view class="">
											<view class="">
												{{showDate}}
											</view>
											<view class="">
												防烟风机 {{isReturnFlag?'已':'未'}}反馈
											</view>
										</view>
										<view class="">
											<view class="">
												{{showDate}}
											</view>
											<view class="">
												前室送风口 {{isReturnFlag?'已':'未'}}反馈
											</view>
										</view>
									</template>

								</view>
							</template>

							<template v-if="showQuestion==3">
								<view class="writeBox" v-if="showPic==2"
									:style="{left:750*widthBl+'px',top:655*heightBl+'px',width:'auto',height:'auto'}"
									@tap="openPrint" style="text-align: center;">
									<image src="https://www.xfzsb.com/static/image/open.png" mode="widthFix"
										style="width:20px"></image>
								</view>
								<view class="printBox"
									:style="{padding:'0 '+20*widthBl+'px 0',position:'absolute',left:625*widthBl+'px',bottom:320*heightBl+'px',fontSize:'2vh',background:'#fff',color:'#000',minHeight:500*heightBl+'px',minWidth:300*widthBl+'px'}"
									v-if="printOpen&&showPic==2">
									<view style="text-align: right;">
										<image src="https://www.xfzsb.com/static/image/close.png" mode="widthFix"
											:style="{width:20+'px'}" @tap="printOpen=false"></image>
									</view>
									<template v-if="control13Btn">
										<view class="">
											<view class="">
												{{showDate}}
											</view>
											<view class="">
												排烟风机 启动
											</view>
										</view>
										<view class="">
											<view class="">
												{{showDate}}
											</view>
											<view class="">
												排烟口 启动
											</view>
										</view>
										<view class="">
											<view class="">
												{{showDate}}
											</view>
											<view class="">
												防烟风机 {{isReturnFlag?'已':'未'}}反馈
											</view>
										</view>
										<view class="">
											<view class="">
												{{showDate}}
											</view>
											<view class="">
												排烟口 {{isReturnFlag?'已':'未'}}反馈
											</view>
										</view>
									</template>

								</view>
							</template>



							<view class="writeBox" v-if="showPic==1" id="writeBox"
								:style="{left:writeBoxLeft,top:writeBoxTop}" @tap="showDialog">
								<image src="https://www.xfzsb.com/static/image/open.png" mode="widthFix"
									style="width:20px"></image>
							</view>
							<view class="writeBox" v-if="showPic==2" id="writeBox2"
								:style="{right:180*widthBl+'px',top:0*heightBl+'px',width:100*widthBl+'px',height:100*heightBl+'px'}"
								@tap="returnOne" style="text-align: center;">
								<image src="https://www.xfzsb.com/static/image/close.png" mode="widthFix"
									style="width:20px"></image>
							</view>
							<view class="writeBox" v-if="showPic==2" id="timeBox"
								:style="{left:380*widthBl+'px',top:90*heightBl+'px',width:215*widthBl+'px',height:75*heightBl+'px'}"
								style="justify-content: center;">
								<text style="color:red">{{showTime}}</text>
							</view>
							<view class="writeBox" v-if="showPic==4" id="writeBox3"
								:style="{left:1280*widthBl+'px',top:330*heightBl+'px'}" @tap="toMain"
								style="text-align: center;">
								<image src="https://www.xfzsb.com/static/image/open.png" mode="widthFix"
									style="width:20px"></image>
							</view>
							<view class="writeBox" v-if="showPic==5&&showQuestion==1" id="writeBox4"
								:style="{left:1020*widthBl+'px',top:265*heightBl+'px',width:40*widthBl+'px',height:heightBl*40+'px'}"
								@tap="openTurn" style="text-align: center;">
								<!-- <image src="https://www.xfzsb.com/static/image/open.png" mode="widthFix" style="width:20px"></image> -->
							</view>
							<view class="writeBox" v-if="showPic==7&&showQuestion==2" id="writeBox5"
								:style="{left:970*widthBl+'px',top:162*heightBl+'px',width:100+'px',height:100+'px'}"
								@tap="closeTurn" style="text-align: center;">
								<!-- <image src="https://www.xfzsb.com/static/image/open.png" mode="widthFix" style="width:20px"></image> -->
							</view>
							<view class="writeBox" v-if="showPic==7||showPic==5||showPic==6" id="writeBox6"
								:style="{right:100*widthBl+'px',top:70*heightBl+'px'}" @tap="return4"
								style="text-align: center;">
								<image src="https://www.xfzsb.com/static/image/close.png" mode="widthFix"
									style="width:20px"></image>
							</view>
							<view class="writeBox"
								v-if="(showPic==3||showPic==1261)&&(showQuestion==2||showQuestion==1)" id="writeBox7"
								:style="{left:810*widthBl+'px',top:345*heightBl+'px',width:120*widthBl+'px',height:175*heightBl+'px'}"
								@tap="toControl" style="text-align: center;">
								<image src="https://www.xfzsb.com/static/image/open.png" mode="widthFix"
									style="width:20px"></image>
							</view>
							<view class="writeBox" v-if="showPic==8&&showQuestion==2" id="writeBox8"
								:style="{left:925*widthBl+'px',top:565*heightBl+'px',width:60*widthBl+'px',height:50*heightBl+'px'}"
								@tap="changeToHand" style="text-align: center;">

							</view>
							<view class="writeBox" v-if="showPic==9&&showQuestion==2&&handFlag"
								:style="{left:995*widthBl+'px',top:430*heightBl+'px',width:50*widthBl+'px',height:50*heightBl+'px'}"
								@tap="TurnOff" style="text-align: center;">

							</view>
							<view class="writeBox" v-if="showPic==9&&showQuestion==4&&handlFlag"
								:style="{left:995*widthBl+'px',top:430*heightBl+'px',width:50*widthBl+'px',height:50*heightBl+'px'}"
								@tap="TurnOff" style="text-align: center;">

							</view>
							<view class="writeBox" v-if="showPic==8&&showQuestion==4"
								:style="{left:925*widthBl+'px',top:565*heightBl+'px',width:60*widthBl+'px',height:50*heightBl+'px'}"
								@tap="changeToHand4" style="text-align: center;">

							</view>

							<view class="writeBox" v-if="showPic==8||showPic==9||showPic==1217||showPic==12171"
								id="writeBox9" :style="{right:100*widthBl+'px',top:70*heightBl+'px'}" @tap="return3"
								style="text-align: center;">
								<image src="https://www.xfzsb.com/static/image/close.png" mode="widthFix"
									style="width:20px"></image>
							</view>
							<view class="writeBox" v-if="(showPic==12171||showPic==8)&&showQuestion==3"
								:style="{right:100*widthBl+'px',top:70*heightBl+'px'}" @tap="return1216"
								style="text-align: center;">
								<image src="https://www.xfzsb.com/static/image/close.png" mode="widthFix"
									style="width:20px"></image>
							</view>
							<view class="writeBox" v-if="(showPic==11||showPic==12111)&&showQuestion==3" id="writeBox10"
								:style="{left:916*widthBl+'px',top:516*heightBl+'px',width:46*widthBl+'px',height:50*heightBl+'px'}"
								@tap="showControl" style="text-align: center;">
								<image src="https://www.xfzsb.com/static/image/open.png" mode="widthFix"
									style="width:20px"></image>
							</view>
							<view class="writeBox" v-if="(showPic==11||showPic==12111)&&showQuestion==4" id="writeBox10"
								:style="{left:916*widthBl+'px',top:516*heightBl+'px',width:46*widthBl+'px',height:50*heightBl+'px'}"
								@tap="toReturnStep" style="text-align: center;">
								<image src="https://www.xfzsb.com/static/image/open.png" mode="widthFix"
									style="width:20px"></image>
							</view>
							<view class="writeBox" v-if="showPic==12" id="writeBox11"
								:style="{left:896*widthBl+'px',top:584*heightBl+'px',width:125*widthBl+'px',height:43*heightBl+'px'}"
								@tap="turnOnControl" style="text-align: center;">
								<!-- <image src="https://www.xfzsb.com/static/image/open.png" mode="widthFix" style="width:20px"></image> -->
							</view>
							<view class="writeBox"
								v-if="showPic==12||showPic==13||showPic==22||showPic==23||showPic==24||showPic==25"
								id="writeBox12" :style="{right:100*widthBl+'px',top:70*heightBl+'px'}" @tap="return11"
								style="text-align: center;">
								<image src="https://www.xfzsb.com/static/image/close.png" mode="widthFix"
									style="width:20px"></image>
							</view>
							<view class="writeBox"
								v-if="(showPic==10||showPic==12161)&&(showQuestion==4||showQuestion==3)" id="writeBox13"
								:style="{left:680*widthBl+'px',top:370*heightBl+'px'}" @tap="toControl"
								style="text-align: center;">
								<image src="https://www.xfzsb.com/static/image/open.png" mode="widthFix"
									style="width:20px"></image>
							</view>
							<view class="writeBox" v-if="showPic==14||showPic==17" id="writeBox14"
								:style="{left:1050*widthBl+'px',top:470*heightBl+'px',width:40*widthBl+'px',height:63*heightBl+'px'}"
								@tap="openWindowBtn" style="text-align: center;">
								<image src="https://www.xfzsb.com/static/image/open.png" mode="widthFix"
									style="width:20px"></image>
							</view>
							<view class="writeBox" v-if="showPic==15" id="writeBox15"
								:style="{left:915*widthBl+'px',top:340*heightBl+'px',width:90*widthBl+'px',height:85*heightBl+'px'}"
								@tap="turnWindow" style="text-align: center;">
								<!-- <image src="https://www.xfzsb.com/static/image/open.png" mode="widthFix" style="width:20px"></image> -->
							</view>
							<view class="writeBox" v-if="showPic==15||showPic==16" id="writeBox16"
								:style="{right:100*widthBl+'px',top:70*heightBl+'px'}" @tap="windowBack"
								style="text-align: center;">
								<image src="https://www.xfzsb.com/static/image/close.png" mode="widthFix"
									style="width:20px"></image>
							</view>
							<view class="writeBox" v-if="showPic==18||showPic==21" id="writeBox17"
								:style="{left:1245*widthBl+'px',top:490*heightBl+'px',width:40*widthBl+'px',height:50*heightBl+'px'}"
								@tap="slideOn" style="text-align: center;">
								<image src="https://www.xfzsb.com/static/image/open.png" mode="widthFix"
									style="width:20px"></image>
							</view>
							<view class="writeBox" v-if="showPic==19" id="writeBox18"
								:style="{left:934*widthBl+'px',top:340*heightBl+'px',width:60*widthBl+'px',height:50*heightBl+'px'}"
								@tap="takeSlide" style="text-align: center;">

							</view>
							<view class="writeBox" v-if="showPic==20||showPic==19" id="writeBox19"
								:style="{right:100*widthBl+'px',top:70*heightBl+'px'}" @tap="slideBack"
								style="text-align: center;">
								<image src="https://www.xfzsb.com/static/image/close.png" mode="widthFix"
									style="width:20px"></image>
							</view>
							<view class="writeBox" v-if="showPic==2&&windowOpen"
								:style="{left:1130*widthBl+'px',top:470*heightBl+'px',width:80*widthBl+'px',height:40*heightBl+'px'}"
								@tap="F2Show=true" style="text-align: center;">

							</view>
							<view class="writeBox" v-if="showPic==2&&windowOpen"
								:style="{left:1520*widthBl+'px',top:470*heightBl+'px',width:80*widthBl+'px',height:40*heightBl+'px'}"
								@tap="F6Fun" style="text-align: center;">

							</view>
							<view class="showInfoBox" id="showInfoBox" v-if="showPic==2&&showQuestion==1"
								:style="{left:1121*widthBl+'px',top:95*heightBl+'px',width:510*widthBl+'px',height:265*heightBl}"
								@tap="showDialog">
								<view class="" style="color:#fff" :style="{height:30*heightBl+'px'}">
									<text v-if="F6Show">反馈信息</text><text v-else>启动信息</text>
								</view>
								<view class="" style="display: flex;">

									<view class=""
										:style="{width:350*widthBl+'px',textAlign:'center',height:200*heightBl+'px'}"
										style="display: flex;flex-direction: column;justify-content: flex-start;"
										v-if="windowOpen">
										<view class="" style="text-align:left">
											{{showDate}}防烟风机{{F6Show? (isReturnFlag?'已':'未') +'反馈':'已启动'}}
										</view>
										<view class="" style="text-align:left">
											{{showDate}}前室送风口{{F6Show? (isReturnFlag?'已':'未') +'反馈':'已启动'}}
										</view>



									</view>
									<view class=""
										:style="{width:350*widthBl+'px',textAlign:'center',height:200*heightBl+'px',lineHeight:200*heightBl+'px'}"
										v-else>
										正常监控状态
									</view>
									<view class=""
										:style="{width:150*widthBl+'px',height:200*heightBl+'px',padding:10*widthBl+'px',boxSizing:'border-box',paddingBottom:0}"
										style="display:flex;flex-direction:column;justify-content: space-between;">
										<view class="" :style="{height:80*heightBl+'px'}">
											<view class="">
												正常 运行
											</view>
											<view class="">
												手动： 允许
											</view>
											<view class="">
												自动：允许
											</view>
										</view>
										<view class="" v-if="showPic==2" id="timechangeBox"
											style="font-size:1vh;text-align: center;color:#fff">
											<view class="dateInfo">
												{{formatTime(new Date(),'yyyy-MM-dd')}}
											</view>
											<view class="timeInfo">
												{{changedTime}}
											</view>
										</view>
									</view>
								</view>
								<view class="" style="font-size:1.5vh;color:#fff" v-if="!F2Show&&!F6Show">
									F1查火警 F2查启动 F3查故障 F4查监管 F5查屏蔽 F6查反馈
								</view>
								<view class="" style="font-size:1.5vh;color:#fff" v-else>
									F1页码 001 F2上一页 F3下一页 F6退出
								</view>
							</view>
							<view class="toolBox"
								v-if="toolOpen&&showQuestion==4&&(showPic==13||showPic==25||showPic==24||showPic==23||showPic==22)"
								:style="{left:30+'px',top:0+'px',position:'absolute',padding:'10px',background:'#fff',width:400*widthBl+'px'}">
								<view class="" style="text-align: center;background: orange">
									工具箱
								</view>
								<view class=""
									style="color:#000;display:flex;align-items:center;justify-conten:space-between;width:100%">
									<view :class="waitHandle==1?'beSelected':''"
										style="width:100%;text-align:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;"
										@tap="chooseTool(1)">
										<image src="https://www.xfzsb.com/static/image/gw.png" mode="heightFix"
											:style="{height:70*heightBl+'px'}"></image>
										<p style="font-size: 1.5vh;height:5vh">感温探测器功能试验器</p>
									</view>
									<view :class="waitHandle==2?'beSelected':''"
										style="width:100%;text-align:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;"
										@tap="chooseTool(2)">
										<image src="https://www.xfzsb.com/static/image/gw.png" mode="heightFix"
											:style="{height:70*heightBl+'px'}"></image>
										<p style="font-size: 1.5vh;height:5vh">感烟探测器功能试验器</p>
									</view>
									<view :class="waitHandle==3?'beSelected':''"
										style="width:100%;text-align:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;"
										@tap="chooseTool(3)">
										<image src="https://www.xfzsb.com/static/image/bs.png" mode="heightFix"
											:style="{height:70*heightBl+'px'}"></image>
										<p style="font-size: 1.5vh;height:5vh">六角扳手</p>
									</view>
								</view>
								<view class=""
									style="color:#000;display:flex;align-items:center;justify-conten:space-between;width:100%">
									<view :class="waitHandle==4?'beSelected':''"
										style="width:100%;text-align:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;"
										@tap="chooseTool(4)">
										<image src="https://www.xfzsb.com/static/image/dh.png" mode="heightFix"
											:style="{height:70*heightBl+'px'}"></image>
										<p style="font-size: 1.5vh;height:5vh">消防电话</p>
									</view>
									<view :class="waitHandle==5?'beSelected':''"
										style="width:100%;text-align:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;"
										@tap="chooseTool(5)">
										<image src="https://www.xfzsb.com/static/image/zm.png" mode="heightFix"
											:style="{height:70*heightBl+'px'}"></image>
										<p style="font-size: 1.5vh;height:5vh">&nbsp;</p>
									</view>
									<view :class="waitHandle==6?'beSelected':''"
										style="width:100%;text-align:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;"
										@tap="chooseTool(6)">
										<image src="https://www.xfzsb.com/static/image/cf.png" mode="heightFix"
											:style="{height:70*heightBl+'px'}"></image>
										<p style="font-size: 1.5vh;height:5vh"> &nbsp;</p>
										<!-- <p style="font-size: 8px;">感温探测器功能试验器</p> -->
									</view>

									</u-grid>
								</view>
								<view class="" style="text-align: center;">
									<u-button color="orange" size="mini" @tap="chooseToolFine"
										:custom-style="{width:'80rpx',height:'30rpx'}">确定</u-button>
								</view>
							</view>


							<template v-if="chooseAreaFlag&&showPic==13">
								<view class="writeBox chooseArea"
									style="border:1px solid red;background:rgba(244,67,54,0.5)"
									:style="{left:920*widthBl+'px',top:460*heightBl+'px',width:80*widthBl+'px',height:80*heightBl+'px',borderRadius:10*widthBl+'px',}"
									@tap="toolFine">

								</view>
								<view class="writeBox chooseArea"
									style="border:1px solid red;background:rgba(244,67,54,0.5)"
									:style="{left:920*widthBl+'px',top:225*heightBl+'px',width:80*widthBl+'px',height:80*heightBl+'px',borderRadius:10*widthBl+'px',}">

								</view>
							</template>
							<template v-if="toolShow&&(showPic==13||showPic==22||showPic==23||showPic==24)">
								<view class="writeBox"
									:style="{left:816*widthBl+'px',top:440*heightBl+'px',width:'50px',height:'50px'}"
									v-if="showPic==22" @tap="to12192">

								</view>
								<view class="writeBox"
									:style="{left:925*widthBl+'px',top:225*heightBl+'px',width:'75px',height:'75px'}"
									v-if="showPic==23" @tap="to12193">

								</view>
								<view class="writeBox"
									:style="{left:818*widthBl+'px',top:210*heightBl+'px',width:'50px',height:'50px'}"
									v-if="showPic==24" @tap="to12194">

								</view>
							</template>
							<view class="showInfoBox" id="showInfoBox" v-if="showPic==2&&showQuestion==3"
								:style="{left:1121*widthBl+'px',top:95*heightBl+'px',width:510*widthBl+'px',height:265*heightBl}"
								@tap="showDialog">
								<view class="" style="color:#fff" :style="{height:30*heightBl+'px'}">
									<text v-if="!control13Btn">查询菜单</text>
									<text v-else> <text v-if="!F6Show">启动信息</text><text v-else>反馈信息</text></text>
								</view>
								<view class="" style="display: flex;" v-if="!control13Btn">
									<view class=""
										:style="{width:350*widthBl+'px',textAlign:'center',height:200*heightBl+'px'}"
										style="display: flex;justify-content: center;align-items: center;">
										正常监控状态


									</view>
									<view class=""
										:style="{width:150*widthBl+'px',height:200*heightBl+'px',padding:10*widthBl+'px',boxSizing:'border-box',paddingBottom:0}"
										style="display:flex;flex-direction:column;justify-content: space-between;">
										<view class="" :style="{height:80*heightBl+'px'}">
											<view class="">
												正常 运行
											</view>
											<view class="">
												手动： 禁止
											</view>
											<view class="">
												自动：允许
											</view>
										</view>
										<view class="" id="timechangeBox"
											style="font-size:1vh;text-align: center;color:#fff">
											<view class="dateInfo">
												{{formatTime(new Date(),'yyyy-MM-dd')}}
											</view>
											<view class="timeInfo">
												{{changedTime}}
											</view>
										</view>
									</view>
								</view>
								<view class="" style="display: flex;" v-else>
									<view class=""
										:style="{width:350*widthBl+'px',textAlign:'center',height:200*heightBl+'px'}"
										style="display: flex;flex-direction: column;">
										<view class="">
											{{showDate}} 排烟风机{{F6Show? (isReturnFlag?'已':'未') +'反馈':'已启动'}}
										</view>
										<view class="">
											{{showDate}} 排烟口 {{F6Show? (isReturnFlag?'已':'未')+'反馈':'已启动'}}
										</view>

									</view>
									<view class=""
										:style="{width:150*widthBl+'px',height:200*heightBl+'px',padding:10*widthBl+'px',boxSizing:'border-box',paddingBottom:0}"
										style="display:flex;flex-direction:column;justify-content: space-between;">
										<view class="" :style="{height:80*heightBl+'px',fontSize:'0.5vw'}">
											<view class="">
												正常 运行
											</view>
											<view class="">
												手动： 禁止
											</view>
											<view class="">
												自动：允许
											</view>
										</view>
										<view class="" id="timechangeBox"
											style="font-size: 1vh;text-align: center;color:#fff">
											<view class="dateInfo">
												{{formatTime(new Date(),'yyyy-MM-dd')}}
											</view>
											<view class="timeInfo">
												{{changedTime}}
											</view>
										</view>
									</view>
								</view>

								<view class="" style="font-size:1.5vh;color:#fff" v-if="!F2Show&&!F6Show">
									F1查火警 F2查启动 F3查故障 F4查监管 F5查屏蔽 F6查反馈
								</view>
								<view class="" style="font-size:1.5vh;color:#fff" v-else>
									F1页码 001 F2上一页 F3下一页 F6退出
								</view>
							</view>
							<template v-if="showQuestion==1||showQuestion==3">
								<image v-if="showPic==2&&handleByAutoFlag" class="maskLight" style="position: absolute;"
									:src="requestUrl+'/static/image/green.png'"
									:style="{left:425*widthBl+'px',top:355*heightBl+'px',width:30*widthBl+'px',height:30*heightBl+'px'}">
								</image>
								<image v-if="showPic==2&&!handleByAutoFlag" class="maskLight"
									style="position: absolute;" :src="requestUrl+'/static/image/back.png'"
									:style="{left:425*widthBl+'px',top:355*heightBl+'px',width:30*widthBl+'px',height:30*heightBl+'px'}">
								</image>
								<image v-if="showPic==2&&handleBySelfFlag" class="maskLight" style="position: absolute;"
									:src="requestUrl+'/static/image/green.png'"
									:style="{left:425*widthBl+'px',top:390*heightBl+'px',width:30*widthBl+'px',height:30*heightBl+'px'}">
								</image>
								<image v-if="showPic==2&&!handleBySelfFlag" class="maskLight"
									style="position: absolute;" :src="requestUrl+'/static/image/back.png'"
									:style="{left:425*widthBl+'px',top:390*heightBl+'px',width:30*widthBl+'px',height:30*heightBl+'px'}">
								</image>
							</template>
							<view class="answerBox" v-if="showQuestion==1||showQuestion==3"
								:style="{width:345*widthBl-35+'px'}">
								<view class="answerTit">
									请根据操作结果，判断风机动作情况
								</view>
								<view class="answerSelect">

									<radio-group @change="onChange">
										<label class="uni-list-cell uni-list-cell-pd" v-for="(item,index) in items"
											style="display: flex;margin-bottom: 1.5vh;">
											<view>
												<radio :value="item.value" :checked="item.value==result"
													:style="{transform:'scale('+heightBl+')'}" />
											</view>
											<view>{{item.name}}</view>
										</label>
									</radio-group>
								</view>
							</view>

							<view class="areaSelect" v-if="showQuestion==1&&showPic!=2">
								<view class="selectTit">
									场景导航
								</view>
								<view class="selectMain">
									<view class="singleSelect" :class="showPic==1?'areaBeSelect':''"
										@tap="changeBurl(1)" style="display:flex;font-size:3vh;align-items:center"
										:style="{height:100*heightBl+'px'}">
										<image :src="url1" mode="heightFix" style="height:100%"></image>
										<text style="margin-left:0.5vw">消防控制室</text>
									</view>
									<view class="singleSelect"
										:class="(showPic==1261||showPic==3||showPic==8||showPic==12171)?'areaBeSelect':''"
										@tap="changeBurl(2)" style="display:flex;font-size:3vh;align-items:center"
										:style="{height:100*heightBl+'px'}">
										<image :src="url2" mode="heightFix" style="height:100%"></image>
										<text style="margin-left:0.5vw">送风机房</text>
									</view>
									<view class="singleSelect" :class="showPic==4||showPic==5?'areaBeSelect':''"
										@tap="changeBurl(3)" style="display:flex;font-size:3vh;align-items:center"
										:style="{height:100*heightBl+'px'}">
										<image :src="url3" mode="heightFix" style="height:100%"></image>
										<text style="margin-left:0.5vw">前室</text>
									</view>
								</view>

							</view>
							<view class="areaSelect" v-if="showQuestion==2">
								<view class="selectTit">
									场景导航
								</view>
								<view class="selectMain">
									<view class="singleSelect"
										:class="(showPic==1261||showPic==3||showPic==8||showPic==9||showPic==1217||showPic==12171)?'areaBeSelect':''"
										@tap="changeBurl(2)" style="display:flex;font-size:3vh;align-items:center"
										:style="{height:100*heightBl+'px'}">
										<image :src="url2" mode="heightFix" style="height:100%"></image>
										<text style="margin-left:0.5vw">送风机房</text>
									</view>
									<view class="singleSelect"
										:class="showPic==4||showPic==5||showPic==7?'areaBeSelect':''"
										@tap="changeBurl(3)" style="display:flex;font-size:3vh;align-items:center"
										:style="{height:100*heightBl+'px'}">
										<image :src="url3" mode="heightFix" style="height:100%"></image>
										<text style="margin-left:0.5vw">前室</text>
									</view>
								</view>
							</view>
							<view class="areaSelect" v-if="showQuestion==3&&showPic!=2">
								<view class="selectTit">
									场景导航
								</view>
								<view class="selectMain">

									<view class="singleSelect" :class="showPic==1||showPic==2?'areaBeSelect':''"
										@tap="changeBurl(1)" style="display:flex;font-size:3vh;align-items:center"
										:style="{height:100*heightBl+'px'}">
										<image :src="url1" mode="heightFix" style="height:100%"></image>
										<text style="margin-left:0.5vw">消防控制室</text>
									</view>
									<view class="singleSelect"
										:class="(showPic==12161||showPic==10||showPic==8||showPic==12171)?'areaBeSelect':''"
										@tap="changeBurl(4)" style="display:flex;font-size:3vh;align-items:center"
										:style="{height:100*heightBl+'px'}">
										<image :src="url4" mode="heightFix" style="height:100%"></image>
										<text style="margin-left:0.5vw">排烟房</text>
									</view>
									<view class="singleSelect"
										:class="(showPic==12111||showPic==11||showPic==12||showPic==13)?'areaBeSelect':''"
										@tap="changeBurl(5)" style="display:flex;font-size:3vh;align-items:center"
										:style="{height:100*heightBl+'px'}">
										<image :src="url5" mode="heightFix" style="height:100%"></image>
										<text style="margin-left:0.5vw">房间</text>
									</view>
								</view>
							</view>
							<view class="areaSelect" v-if="showQuestion==4">
								<view class="selectTit">
									场景导航
								</view>
								<view class="selectMain">
									<view class="singleSelect"
										:class="(showPic==12161||showPic==10||showPic==1217||showPic==9||showPic==8)?'areaBeSelect':''"
										@tap="changeBurl(4)" style="display:flex;font-size:3vh;align-items:center"
										:style="{height:100*heightBl+'px'}">
										<image :src="url4" mode="heightFix" style="height:100%"></image>
										<text style="margin-left:0.5vw">排烟房</text>
									</view>
									<view class="singleSelect"
										:class="(showPic==12111||showPic==11||showPic==12||showPic==22||showPic==23||showPic==24||showPic==25)?'areaBeSelect':''"
										@tap="changeBurl(5)" style="display:flex;font-size:3vh;align-items:center"
										:style="{height:100*heightBl+'px'}">
										<image :src="url5" mode="heightFix" style="height:100%"></image>
										<text style="margin-left:0.5vw">房间</text>
									</view>
								</view>
							</view>

						</view>
					</view>

				</view>

				<u-mask :show="showFlag" @click="onClickHide">
					<view class="wrapper" style="display: flex;align-items: center;justify-content: center;height:100%">
						<view class="block"
							style="width:400rpx;padding: 20rpx;box-sizing:border-box;background: #fff;font-size:2vh">
							<view class="overtitle">
								【试题解析】 正确答案
							</view>
							<view class="overtitle">
								{{analysList[showQuestion-1]}}
							</view>
							<view class="overtitle" v-if="showQuestion==1||showQuestion==3">
								正确答案：启动信号已发出，设备{{isReturnFlag?'已':'未'}}反馈
							</view>

						</view>
					</view>
				</u-mask>
			</view>

		</template>
	</sysJk>

</template>

<script>
	import sysJk from '@/components/sysJk.vue'
	import {
		formatTime
	} from '@/util/index.js'
	import {
		fzQuestion
	} from '@/globalApi/requestApi.js'
	const app = getApp();
	const baseUrl = app.globalData.requestUrl;
	export default {
		components: {
			sysJk
		},

		data() {
			//16

			return {
				// widthBl:0,
				// heightBl:0,
				isReturnFlag: true,
				allScore: 0,
				F2Show: false,
				F6Show: false,
				examType: 1,
				writeBox: {
					width: 0,
					height: 0
				},
				result: null,
				writeBoxLeft: 0,
				writeBoxTop: 0,
				showPic: 1,
				formatTime,
				widthBl: 0,
				heightBl: 0,
				showFlag: false,
				toolShow: false,
				waitHandle: null,
				control13Btn: false,
				requestUrl: baseUrl,
				bUrl: baseUrl + "/static/image/jk/12-1.jpg",
				handleByAutoFlag: true,
				handleBySelfFlag: true,
				toolOpen: false,
				returnFlag: false,
				handFlag: false,
				handlFlag: false,
				windTurnOn: false,
				slideFlag: false,
				printOpen: false,
				questionList: [
					'【1/6】请现场手动开启常闭式加压送风口联动启动风机（消防控制室、送风机房、前室）',
					'【2/6】请手动停止送风机，复位常闭式加压送风口（送风机房、前室）',
					'【3/6】请手动开启板式排烟口联动起风机（消防控制室、排烟机房、房间）',
					'【4/6】请手动停止排烟风机，复位排烟口',
					'【5/6】请手动开启自动排烟窗',
					'【6/6】请手动复位挡烟垂壁',
				],
				showQuestion: 1,
				items: [{
						name: '启动信号已发出，设备已反馈',
						value: '启动信号已发出，设备已反馈',
					},
					{
						name: '启动信号已发出，设备未反馈',
						value: '启动信号已发出，设备未反馈',
					},
				],
				windowOpen: false,
				closeWind: false,
				analysList: [
					'双自动（主机自动允许，机房控制柜自动状态），前世拉拉环开送风口，回到主机F2查启动，F6查反馈',
					'切到手动状态，按停止，去前室，将送风口推杆复位',
					'双自动（主机自动允许，机房控制柜自动状态），房间点拨火警，回到主机F2查启动，F6查反馈',
					'切到手动状态，按停止，去房间，将排烟口复位（用工具，六角扳手来复位，先旋转1是装置复位，再旋转2）',
					'点开启就是开窗，垂壁下降就是开启',
					'点关闭就是关窗复位，垂壁上升就是复位',

				],
				isCorrect: true,
				changedTime: null,
				showDate: null,
				showTime: null,
				chooseAreaFlag: false,
				url1: baseUrl + "/static/image/jk/12-1.jpg",
				url2: baseUrl + "/static/image/jk/12-6.jpg",
				url3: baseUrl + "/static/image/jk/12-2.jpg",
				url4: baseUrl + "/static/image/jk/12-16.jpg",
				url5: baseUrl + "/static/image/jk/12-11.jpg",
			}
		},
		onLoad(options) {
			this.isReturnFlag = Math.random() >= 0.5
			this.examType = options.examType
			// var writeBox = uni.createSelectorQuery().in(this).select('#myCard')
			// writeBox.boundingClientRect(data => {
			// 	this.writeBox = data
			// }).exec()
		},
		onShow() {
			this.createTime()
		},
		onReady() {
			this.$nextTick(function() {
				this.drawWhiteBox()
			})
		},
		methods: {
			return1216() {
				this.showPic = 10
				this.bUrl = baseUrl + "/static/image/jk/12-16.jpg"
			},
			openPrint() {
				this.printOpen = true
			},
			createTime() {
				// this.showTime=this.formatTime(new Date(),'yy/MM/dd HH:mm:ss')
				let that = this
				this.showTime = this.formatTime(new Date(), 'HH:mm')
				this.showDate = this.formatTime(new Date(), 'yy/MM/dd HH:mm:ss')
				setInterval(function() {
					// that.showTime = that.formatTime(new Date(),'HH:mm')
					that.changedTime = that.formatTime(new Date(), 'HH:mm:ss')
				}, 1000)
			},
			onChange(e) {
				this.result = e.detail.value
			},
			TurnOff() {
				this.turnOffFlag = true
				this.bUrl = baseUrl + "/static/image/jk/12-17.jpg"
				this.showPic = 1217
			},
			redo() {
				if (this.showQuestion == 1) {
					this.result = null
					this.showPic = 1
					this.bUrl = baseUrl + "/static/image/jk/12-1.jpg"
					this.windowOpen = false
					this.printOpen = false
					this.F2Show = false
					this.F6Show = false
					this.isReturnFlag = Math.random() >= 0.5
				} else if (this.showQuestion == 2) {
					this.closeWind = false
					this.turnOffFlag = false
					this.handFlag = false
					this.showPic = 3
					this.bUrl = baseUrl + "/static/image/jk/12-6.jpg"
				} else if (this.showQuestion == 3) {
					this.F2Show = false
					this.F6Show = false
					this.isReturnFlag = Math.random() >= 0.5
					console.log(this.isReturnFlag)
					this.printOpen = false
					this.showPic = 1
					this.result = null
					this.control13Btn = false
					this.bUrl = baseUrl + "/static/image/jk/12-1.jpg"
				} else if (this.showQuestion == 4) {

					this.handlFlag = false
					this.turnOffFlag = false
					this.showPic = 10
					this.returnFlag = false
					this.waitHandle = null
					this.bUrl = baseUrl + "/static/image/jk/12-16.jpg"
				} else if (this.showQuestion == 5) {
					this.showPic = 14
					this.bUrl = baseUrl + "/static/image/jk/12-20.jpg"
					this.windTurnOn = false
				} else {
					this.showPic = 18
					this.bUrl = baseUrl + "/static/image/jk/12-22.jpg"
					this.slideFlag = false
				}
			},
			F6Fun() {
				if (this.F2Show) {
					this.F2Show = false
				} else {
					this.F6Show = true
				}
			},
			to12192() {
				this.toolShow = true
				this.bUrl = baseUrl + "/static/image/jk/12-19-2.jpg"
				this.showPic = 23
			},
			to12193() {
				this.bUrl = baseUrl + "/static/image/jk/12-19-3.jpg"
				this.showPic = 24
			},
			to12194() {
				this.bUrl = baseUrl + "/static/image/jk/12-19-4.jpg"
				this.showPic = 25
				this.returnFlag = true
			},
			chooseToolFine() {
				if (this.waitHandle == 3 && !this.returnFlag) {
					this.chooseAreaFlag = true
				}
			},
			toolFine() {
				if (this.waitHandle == 3) {
					this.toolShow = true
					this.bUrl = baseUrl + "/static/image/jk/12-19-1.jpg"
					this.showPic = 22
				}
			},
			chooseTool(num) {
				this.waitHandle = num
			},
			goBack() {
				uni.navigateBack()
			},
			slideBack() {
				if (this.showPic == 20) {
					this.showPic = 21
					this.bUrl = baseUrl + "/static/image/jk/12-22-1.jpg"
				} else {
					this.showPic = 18
					this.bUrl = baseUrl + "/static/image/jk/12-22.jpg"
				}
			},
			takeSlide() {
				this.showPic = 20
				this.bUrl = baseUrl + "/static/image/jk/12-23-1.jpg"
				this.slideFlag = true
			},
			slideOn() {
				if (this.slideFlag) {
					this.showPic = 20
					this.bUrl = baseUrl + "/static/image/jk/12-23-1.jpg"
				} else {
					this.showPic = 19
					this.bUrl = baseUrl + "/static/image/jk/12-23.jpg"
				}

			},
			windowBack() {
				if (this.showPic == 16) {
					this.bUrl = baseUrl + "/static/image/jk/12-20-1.jpg"
					this.showPic = 17
				} else {
					this.showPic = 14
					this.bUrl = baseUrl + "/static/image/jk/12-20.jpg"
				}
			},
			turnWindow() {
				this.showPic = 16
				this.bUrl = baseUrl + "/static/image/jk/12-21-1.jpg"
				this.windTurnOn = true
			},
			openWindowBtn() {
				if (this.windTurnOn) {
					this.showPic = 16
					this.bUrl = baseUrl + "/static/image/jk/12-21-1.jpg"
				} else {
					this.showPic = 15
					this.bUrl = baseUrl + "/static/image/jk/12-21.jpg"
				}

			},
			return11() {
				if (this.showQuestion == 3) {
					if (this.showPic == 13 && this.control13Btn) {
						this.showPic = 12111
						this.bUrl = baseUrl + "/static/image/jk/12-11-1.jpg"
					} else {
						this.showPic = 11
						this.bUrl = baseUrl + "/static/image/jk/12-11.jpg"
					}
				} else {
					if (this.returnFlag) {
						this.showPic = 11
						this.bUrl = baseUrl + "/static/image/jk/12-11.jpg"
					} else {
						this.showPic = 12111
						this.bUrl = baseUrl + "/static/image/jk/12-11-1.jpg"
					}
				}


			},
			turnOnControl() {
				this.showPic = 13
				this.bUrl = baseUrl + "/static/image/jk/12-19.jpg"
				this.control13Btn = true
			},
			showControl() {
				if (!this.control13Btn) {
					this.showPic = 12
					this.bUrl = baseUrl + "/static/image/jk/12-12.jpg"
				} else {
					this.showPic = 13
					this.bUrl = baseUrl + "/static/image/jk/12-19.jpg"
				}

			},
			toReturnStep() {
				if (!this.returnFlag) {
					this.showPic = 13
					this.bUrl = baseUrl + "/static/image/jk/12-19.jpg"
					this.toolOpen = true
				} else {
					this.showPic = 25
					this.bUrl = baseUrl + "/static/image/jk/12-19-4.jpg"
					this.toolOpen = true
				}

			},
			change(e) {
				this.result = e.detail.value
			},
			return3() {
				if (this.showQuestion == 4) {
					if (this.turnOffFlag) {
						this.showPic = 12161
						this.bUrl = baseUrl + "/static/image/jk/12-16-1.jpg"
					} else {
						this.showPic = 10
						this.bUrl = baseUrl + "/static/image/jk/12-16.jpg"
					}

				} else {
					if (this.turnOffFlag) {
						this.showPic = 1261
						this.bUrl = baseUrl + "/static/image/jk/12-6-1.jpg"
					} else {
						this.showPic = 3
						this.bUrl = baseUrl + "/static/image/jk/12-6.jpg"
					}

				}

			},
			changeToHand() {
				this.showPic = 9
				this.bUrl = baseUrl + "/static/image/jk/12-7-1.jpg"
				this.handFlag = true
			},
			changeToHand4() {
				this.showPic = 9
				this.bUrl = baseUrl + "/static/image/jk/12-7-1.jpg"
				this.handlFlag = true
				// this.toolShow = true
			},
			toControl() {
				if (this.showQuestion == 4) {
					if (!this.handlFlag) {
						this.showPic = 8
						this.bUrl = baseUrl + "/static/image/jk/12-7.jpg"
					} else {
						if (!this.turnOffFlag) {
							this.showPic = 9
							this.bUrl = baseUrl + "/static/image/jk/12-7-1.jpg"
						} else {
							this.bUrl = baseUrl + "/static/image/jk/12-17.jpg"
							this.showPic = 1217
						}
					}
				} else if (this.showQuestion == 1) {
					if (this.windowOpen) {
						this.showPic = 8
						this.bUrl = baseUrl + "/static/image/jk/12-7.jpg"
					} else {
						this.bUrl = baseUrl + "/static/image/jk/12-17-1.jpg"
						this.showPic = 12171
					}
				} else if (this.showQuestion == 3) {
					if (!this.control13Btn) {
						this.showPic = 12171
						this.bUrl = baseUrl + "/static/image/jk/12-17-1.jpg"
					} else {
						this.bUrl = baseUrl + "/static/image/jk/12-7.jpg"
						this.showPic = 8
					}
				} else {
					if (!this.handFlag) {
						this.showPic = 8
						this.bUrl = baseUrl + "/static/image/jk/12-7.jpg"
					} else {
						if (!this.turnOffFlag) {
							this.showPic = 9
							this.bUrl = baseUrl + "/static/image/jk/12-7-1.jpg"
						} else {
							this.bUrl = baseUrl + "/static/image/jk/12-17.jpg"
							this.showPic = 1217
						}

					}
				}


			},
			return4() {
				this.showPic = 4
				this.bUrl = baseUrl + "/static/image/jk/12-2.jpg"
			},
			closeTurn() {
				this.closeWind = true
				this.showPic = 5
				this.bUrl = baseUrl + "/static/image/jk/12-3.jpg"
			},
			handle() {
				let that = this
				this.$showModal2({
					title: '确认提交？',
					// content: '这是一个模态弹窗',

				}).then(res => {
					
							let handleData = {
								fz_id: that.examId,
								title: '',
								no: '1-1',
								question_type: 1,
								user_answer: that.result,
								answer: '',
								is_correct: that.isCorrect,
								score: '',
								start_time: '',
								end_time: '',
								question_answer: ''
							}
							if (that.showQuestion == 1) {
								if (!that.result) {
									uni.showToast({
										title: '请选择答案',
										icon: 'none'
									})
									return
								}
								if (that.isCorrect && (that.result == (that.isReturnFlag ? '启动信号已发出，设备已反馈' :
										'启动信号已发出，设备未反馈'))) {

									handleData.score = 1

								} else {
									handleData.score = 0
								}
								handleData.title = '请现场手动开启常闭式加压送风口联动启动风机（消防控制室、送风机房、前室）'
							} else if (that.showQuestion == 2) {
								if (that.isCorrect && that.turnOffFlag && that.closeWind) {
									handleData.score = 1
								} else {
									handleData.score = 0
								}
								handleData.title = '请手动停止送风机，复位常闭式加压送风口（送风机房、前室）'
							} else if (that.showQuestion == 3) {
								if (!that.result) {
									uni.showToast({
										title: '请选择答案',
										icon: 'none'
									})
									return
								}
								if (that.isCorrect && (that.result == (that.isReturnFlag ? '启动信号已发出，设备已反馈' :
										'启动信号已发出，设备未反馈'))) {

									handleData.score = 0.5

								} else {
									handleData.score = 0
								}
								handleData.title = '请手动开启板式排烟口联动启动风机（消防控制室、排烟机房、房间）'
							} else if (that.showQuestion == 4) {
								if (that.isCorrect && that.turnOffFlag && that.returnFlag) {
									handleData.score = 1
								} else {
									handleData.score = 0
								}
								handleData.title = '请手动停止风机，复位排烟口'
							} else if (that.showQuestion == 5) {
								if (that.defaultWindTurnOn != that.windTurnOn) {
									handleData.score = 0.2
								} else {
									handleData.score = 0
								}
								handleData.title = '请手动开启挡烟垂壁'
							} else if (that.showQuestion == 6) {
								if (that.defaultSlideFlag != that.slideFlag) {
									handleData.score = 0.3
								} else {
									handleData.score = 0
								}
								handleData.title = '请手动复位自动排烟窗'
							}
							fzQuestion(handleData).then(res => {
								if (res.code == 200) {
									that.result = null
									that.allScore += handleData.score
									if (that.showQuestion < 6) {
										that.showQuestion += 1
										if (that.showQuestion == 2) {
											that.showPic = 3
											that.bUrl = baseUrl + "/static/image/jk/12-6.jpg"
										}
										if (that.showQuestion == 4) {
											that.handlFlag = false
											that.turnOffFlag = false
											that.showPic = 10
											that.bUrl = baseUrl + "/static/image/jk/12-16.jpg"
										}
										if (that.showQuestion == 5) {
											that.showPic = 14
											that.bUrl = baseUrl + "/static/image/jk/12-20.jpg"
										}
										if (that.showQuestion == 6) {
											that.showPic = 18
											that.bUrl = baseUrl + "/static/image/jk/12-22.jpg"
										}
										if (that.showQuestion == 3) {
											that.F2Show = false
											that.F6Show = false
											that.printOpen = false
											that.showPic = 1
											that.isReturnFlag = Math.random() >= 0.5
											console.log(that.isReturnFlag)
											that.handleBySelfFlag = false
											that.bUrl = baseUrl + "/static/image/jk/12-1.jpg"
										}
									} else {
										let pages = getCurrentPages()
										let prevPage = pages[pages.length - 2]
										prevPage.$vm.status12 = true
										prevPage.$vm.addScore(that.allScore)
										uni.navigateBack({
											delta: -1
										});
									}

								}
							})
					
				});
			},
			openTurn() {
				this.showPic = 6
				this.bUrl = baseUrl + "/static/image/jk/12-9.jpg"
				this.windowOpen = true
			},
			toMain() {
				if (this.showQuestion == 1) {
					if (this.windowOpen) {
						this.showPic = 6
						this.bUrl = baseUrl + "/static/image/jk/12-9.jpg"
					} else {
						this.showPic = 5
						this.bUrl = baseUrl + "/static/image/jk/12-3.jpg"
					}

				} else if (this.showQuestion == 2) {
					if (!this.closeWind) {
						this.showPic = 7
						this.bUrl = baseUrl + "/static/image/jk/12-9.jpg"
					} else {
						this.showPic = 5
						this.bUrl = baseUrl + "/static/image/jk/12-3.jpg"
					}

				}

			},
			returnOne() {
				this.printOpen = false
				this.showPic = 1
				this.bUrl = baseUrl + "/static/image/jk/12-1.jpg"
			},
			changeBurl(num) {
				if (num == 1) {
					this.showPic = 1
					this.bUrl = baseUrl + "/static/image/jk/12-1.jpg"
				} else if (num == 2) {
					if (this.turnOffFlag) {
						this.showPic = 1261
						this.bUrl = baseUrl + "/static/image/jk/12-6-1.jpg"
					} else {
						this.showPic = 3
						this.bUrl = baseUrl + "/static/image/jk/12-6.jpg"
					}
				} else if (num == 3) {


					this.showPic = 4
					this.bUrl = baseUrl + "/static/image/jk/12-2.jpg"
				} else if (num == 4) {

					if (this.turnOffFlag) {
						this.showPic = 12161
						this.bUrl = baseUrl + "/static/image/jk/12-16-1.jpg"
					} else {
						this.showPic = 10
						this.bUrl = baseUrl + "/static/image/jk/12-16.jpg"
					}
				} else if (num == 5) {
					if (this.showQuestion == 3) {
						if (!this.control13Btn) {
							this.showPic = 11
							this.bUrl = baseUrl + "/static/image/jk/12-11.jpg"
						} else {
							this.showPic = 12111
							this.bUrl = baseUrl + "/static/image/jk/12-11-1.jpg"
						}
					} else {
						if (this.returnFlag) {
							this.showPic = 11
							this.bUrl = baseUrl + "/static/image/jk/12-11.jpg"
						} else {
							this.showPic = 12111
							this.bUrl = baseUrl + "/static/image/jk/12-11-1.jpg"
						}
					}


				}
			},
			showDialog() {
				// this.showFlag = true
				this.showPic = 2
				this.bUrl = baseUrl + "/static/image/jk/12-4.jpg"
			},
			onClickHide() {
				this.showFlag = false
			},
			drawWhiteBox() {
				let that = this
				var warp = uni.createSelectorQuery().in(this).select('#myCard')
				warp.boundingClientRect(data => {
					var widthBl = data.width / 1920
					var heightBl = data.height / 921
					this.widthBl = widthBl
					this.heightBl = heightBl
					this.writeBox.width = 100 * widthBl + 'px'
					this.writeBoxLeft = 650 * widthBl + 'px'
					this.writeBoxTop = 420 * heightBl + 'px'
					this.writeBox.height = 100 * heightBl + 'px'
				}).exec()

				// uni.getSystemInfo({
				// 	success: function(res) {
				// 		console.log(res)
				// 		

				// 	}
				// });
			}
		}
	}
</script>


<style scoped lang="scss">
	.warp {
		height: 100%;
		box-sizing: border-box;
		// padding: 22rpx 33rpx 38rpx 36rpx;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		background: #F6F6F6;

		.myCard {
			width: 100%;
			height: 100%;
			position: absolute;
			// border-radius: 20rpx;
			overflow: hidden;
			left: 0;
			top: 0;

			.cardContent {
				// padding: 52rpx 58rpx 37rpx;
				box-sizing: border-box;
				width: 100%;
				height: 100%;
				position: relative;
				color: #fff;

				.moneyContent {
					margin-top: 54rpx;
					width: 100%;
					display: flex;
					align-items: center;

					.moneyDetail {
						width: 50%;
						display: flex;
						flex-direction: column;
						align-items: center;
						justify-content: flex-start;

						.detailTit {
							font-size: 24rpx;
							font-weight: 400;
						}

						.detailVal {
							font-size: 55rpx;
							font-weight: bold;
							margin-top: 35rpx;
						}
					}

				}

				.taskTit {
					width: 100%;
					text-align: left;
					background: #fff;
					color: #000
				}

				.handleBtn {
					position: fixed;
					left: 30px;
					bottom: 0px
				}

				.btnArea {
					margin-top: 160rpx;
					//margin-left: 150rpx;
					display: flex;
					justify-content: center;
					position: fixed;
					right: 30px;
					bottom: 0px // text-align: center;
				}

				.answerBox {
					position: absolute;
					left: 35px;
					top: 0%;
					background: #fff;
					color: #000;
					// width: 25%;
					font-size: 2vh;

					.answerTit {
						background: orange
					}
				}

				.answerSelect {
					padding: 10px 0;
					box-sizing: border-box;
				}
			}
		}

		.infoBox {
			width: 100%;
			padding: 14rpx 30rpx;
			margin-top: 33rpx;
			border-radius: 20rpx;
			box-sizing: border-box;
			background: #fff;

			.singleInfo {
				width: 100%;
				box-sizing: border-box;
				padding: 20rpx 0;
				display: flex;
				align-items: center;
				justify-content: space-between;
				border-bottom: 1rpx solid #ccc;

				.info {
					flex: 1;

					.desc {
						font-size: 26rpx;
						font-weight: 400;
						color: #222222;
					}

					.time {
						margin-top: 15rpx;
						font-size: 18rpx;
						font-weight: 400;
						color: #888888;
						display: flex;
						align-items: center;
					}
				}

				.val {
					width: 115rpx;
					height: 40rpx;
					border: 1rpx solid #DA2627;
					border-radius: 40rpx;
					text-align: center;
					font-size: 22rpx;
					font-weight: 400;
					color: #DA2627;
					line-height: 40rpx;
				}
			}
		}

		.writeBox {
			// border: 1px solid green;
			width: 100px;
			height: 100px;
			position: absolute;
			display: flex;
			align-items: center;
		}

		.areaSelect {
			position: fixed;
			right: 0;
			bottom: 40%;
			color: #000;

			.selectTit {
				background: orange;
				padding: 5px;
				box-sizing: border-box;
				text-align: center;
			}

			.selectMain {
				background: #fff;

				.singleSelect {
					padding: 5px;
					box-sizing: border-box;
					text-align: center;
				}
			}

		}

		.showInfoBox {
			position: absolute;
			// background: #fff;
			color: #000;
			font-size: 1.5vh;
		}

		.beSelected {
			border: 1px solid red
		}

		.areaBeSelect {
			border: 1px solid red
		}
	}
</style>